草庐IT

ios - SpriteKit 和可滚动列表

全部标签

javascript - 结合 AngularJS、jQueryUI、Angular-Drag-Drop 排序列表

我遇到以下情况,我需要允许用户从列表中选择对象并将它们拖/放到某个插槽中:对象的大小可以是插槽的一到三倍。所以如果用户将Object1拖到Slot0,那么它只占用Slot0(startSlot=0和endSlot=0)。但是,如果用户将对象3拖动到插槽3,则它会占用插槽3、4和5(startSlot=3和endSlot=5)。将对象放入槽中后,用户可以通过在槽中单击并上下拖动对象来重新排序对象。对象不能相互重叠:我正在使用Angular,所以我正在从数据库中读取对象列表,并且我有一个槽数变量。我尝试了几种解决方案。我相信使用jQuery和jQueryUI可拖动、可放置和可排序是解决方案

javascript - 在上方和下方添加新内容时锁定滚动

我有一个用作新闻提要的meteor.js应用程序,可以发布话题,人们可以实时评论话题。这意味着当您查看帖子时,将在帖子上方和下方添加新评论,并且在上方添加新话题。这会将您正在关注的帖子向下推到视口(viewport)之外,这是意想不到的(除非您已经滚动到顶部)。更新滚动以在添加新内容时保持相同视觉中心的最佳方法是什么? 最佳答案 你可以试试这个方法:保存scrollTop值;在内容前添加内容(即,在关注的帖子上方添加新帖子);将新内容的高度添加到步骤1中保存的值;滚动到新值。这是一个例子:functionrandomString()

javascript - Selenium & webdriver.io 如何使用executeScript?

我正在尝试使用Selenium、WebDriver.io和Node.js(使用Mocha)测试一个简单的表单。所以我有这样的东西:varwebdriverio=require('webdriverio');varexpect=require('expect');describe('Testform',function(){beforeEach(function(){browser.url('/');});it('shouldsaveobject',function(){expect(browser.executeScript('returnwindow.data;')).to.be([

javascript - aFrame.io 创建超链接和下载链接

您好,我刚开始使用A-Frame.io,我发现该网站非常有用。但是,没有关于如何在我查看对象时使链接起作用的文档。https://aframe.io/examples/showcase/cursor/在上面的示例中,如果您使用鼠标中键将十字线悬停在立方体上,它会改变形状。有没有办法在触发该多维数据集时使Web链接起作用。Cursor 最佳答案 您可以添加一个事件监听器,或者编写一个链接组件。el.addEventListener('click',function(){window.location.href='https://goo

javascript - 更改 scrollTop 不会继续惯性滚动

我有一个包含可滚动内容的div,在某个scrollTop值返回到顶部。varcontainer=document.getElementById('container');functionscroll_function(){varnew_position_top=container.scrollTop;if(new_position_top>600){container.scrollTop=0;}}container.addEventListener('scroll',scroll_function);#container{width:300px;height:300px;overflo

javascript - 水平滚动的 SVG

我正在尝试用D3(https://cdnjs.cloudflare.com/ajax/libs/d3/3.5.17/d3.min.js)做一个SVG图形,其中条形宽度是手动定义的,并且有一个水平滚动条..我这里有一个工作fiddlehttps://jsfiddle.net/bikrantsharma/zw264tfc/12/我的比例是这样定义的varbarWidth=30,paddingFactor=2.2,responsiveDIVHeight=300,responsiveDIVWidth=tempData.length*barWidth*paddingFactor;varx=d3.

javascript - 一个列表项而不是所有列表项的 ReactJS 悬停/鼠标悬停效果

我是React新手,所以这可能看起来很简单,也可能不是,我不确定。我正在建立一个基本的待办事项列表。我希望列表项上的鼠标悬停效果弹出“删除此”文本。但是到目前为止,对于我的代码,当我将鼠标悬停在一个列表项上时,“删除这个”会针对所有列表项弹出,而不仅仅是一个列表项。当我尝试通过为单个列表项创建一个新组件来解决这个问题时,这似乎不起作用。非常感谢任何帮助!classToDosContainerextendsReact.Component{constructor(props){super(props)this.state={heading:'SomethingYouNeedToDo?',t

javascript - 用于匹配仅由字母列表构成的单词的正则表达式

给定一组单词,我需要知道哪些单词仅由一组字母组成。这个词的字母不能超过允许的数量,即使这个字母是验证集的一部分也是如此。例子:Charset:a,a,ã,c,e,l,m,m,m,o,o,o,o,t(fixedset)Wordsset:mom,ace,to,toooo,ten,all,aaa(variableset)结果:mom=trueace=trueto=truetoooo=trueten=false(nisnotintheset)all=false(thereisonly1Lintheset)aaa=false(theresisonly2Aintheset)如何在Javascrip

javascript - 如何检查滚动条是否可见?

我想在我的网站上显示一个“转到顶部”链接。只有在垂直滚动条可见时,该链接才应该可见。我如何使用JavaScript执行此操作?谢谢 最佳答案 你可以查看elem.clientHeight值,但它也取决于css属性 关于javascript-如何检查滚动条是否可见?,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.com/questions/2927963/

javascript - 谷歌地图 API;抑制 map 平移以启用页面滚动

我有一个移动网页,客户可以在其中通过表单提交或当前位置弹出窗口输入他们的邮政编码,然后找到附近的中心。响应包括这些中心的列表以及显示其位置的googlemap插入和指示列表中指示的中心的图钉。问题是map占用了页面上的大量空间。很难向下滚动到map下方的列表。我想禁用Googlemap上的平移功能,以便人们可以触摸map并上下滚动页面。但是,我不想完全抑制map上的所有触摸事件,因为我仍然希望人们能够单击图钉并查看与这些标记一起出现的弹出信息框。这就是为什么我认为静态图像实现可能不是可行的方法。这是页面的链接:http://cs.sandbox.millennialmedia.com/